﻿
@{
    Layout = "~/Views/Shared/_LayoutForm.cshtml";
}
@section Header{
    @Html.AppendCss("~/js/workflow/scroll.css")
    @Html.AppendCss("~/js/workflow/workflow.css")
    <style type="text/css">
        .scroll-wrap {
            overflow: scroll;
        }

        #tabForms .layui-tab-content {
            padding: 0 5px 0 5px;
        }

        #tabForms .layui-tab-title {
            float: left;
            width: 60px;
            height: auto;
            white-space: normal;
        }

            #tabForms .layui-tab-title li {
                display: block;
                line-height: initial;
            }

        #tabForms > .layui-tab-more li.layui-this:after, #tabForms > .layui-tab-title .layui-this:after {
            border: none;
            border-radius: 0;
            border-left: 2px solid #5FB878;
            height: -webkit-fill-available;
        }

        #tabForms .layui-tab-content {
            float: left;
        }

            #tabForms .layui-tab-content iframe {
                position: absolute;
                width: calc(100% - 70px);
                height: calc(100% - 60px);
                left: 70px;
                top: 60px;
                right: 0;
                bottom: 0;
            }

        .layui-timeline-item {
            padding-bottom: 0;
        }

        #gridLog tr.jqgrow td {
            overflow: hidden !important;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #divNext .layui-card-header .layui-icon {
            position: sticky;
        }
    </style>
}

<div class="layui-tab layui-tab-brief" style="margin: 0;">
    <ul class="layui-tab-title">
        <li class="layui-this">表单</li>
        <li>流程</li>
        <li>日志</li>
    </ul>
    <div class="layui-tab-content">
        <!--基本信息-->
        <div class="layui-tab-item layui-show">
            <div class="layui-tab layui-tab-brief" id="tabForms">
                <ul class="layui-tab-title">
                </ul>
                <div class="layui-tab-content">

                </div>
            </div>
        </div>
        <!--流程-->
        <div class="layui-tab-item">
            <div id="flow"></div>
            <div style="position:relative;left:0px;bottom:0;width:100%;height:40px;border-top:1px solid #ddd;line-height:39px;text-align:right;padding-right:10px;font-size:16px;">
                <div style="display: inline-block;margin-left: 10px;"><i style="padding-right:5px;color:#5bc0de;" class="fa fa-square"></i><span>正在审批</span></div>
                <div style="display: inline-block;margin-left: 10px;"><i style="padding-right:5px;color:#5cb85c;" class="fa fa-square"></i><span>通过</span></div>
                <div style="display: inline-block;margin-left: 10px;"><i style="padding-right:5px;color:#d9534f;" class="fa fa-square"></i><span>不通过</span></div>
                <div style="display: inline-block;margin-left: 10px;"><i style="padding-right:5px;color:#999;" class="fa fa-square"></i><span>未处理</span></div>
            </div>
        </div>
        <!--审批日志-->
        <div class="layui-tab-item">
            <div class="layui-col-xs12">
                <table id="gridLog"></table>
            </div>
        </div>
    </div>
</div>

<div id="divApprove" lay-filter="Approve" style="display:none;">
    <div class="layui-tab layui-tab-brief" style="margin:0;">
        <ul class="layui-tab-title">
            <li class="layui-this">结果</li>
            <li>附件</li>
            <li id="tabNext">下一步</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div>
                    <div id="divResult">
                        <div class="form-item layui-col-xs12">
                            <label class="layui-form-label">审批结果</label>
                            <div class="layui-input-block">
                                <input name="result" lay-filter="result" type="radio" class="layui-input" title="通过" value="1" checked />
                                <input name="result" lay-filter="result" type="radio" class="layui-input" title="退回" value="2" />
                            </div>
                        </div>
                        <div class="form-item layui-col-xs12" id="divReturn" style="display:none;">
                            <label class="layui-form-label">退回规则</label>
                            <div class="layui-input-block">
                                <input name="returnType" type="radio" class="layui-input" title="至起始" value="0" checked />
                                <input name="returnType" type="radio" class="layui-input" title="至上一步" value="1" />
                            </div>
                        </div>
                    </div>
                    <div class="form-item layui-col-xs12">
                        <label class="layui-form-label">意见建议</label>
                        <div class="layui-input-block">
                            <textarea id="opinion" class="layui-textarea" rows="4"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <div>
                    <div class="form-item layui-col-xs12">
                        <div style="padding:10px;">
                            <input id="AnnexName" name="AnnexName" multiple type="file" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <div id="divNext">

                </div>
            </div>
        </div>
    </div>
</div>

<div id="divAddUser" lay-filter="AddUser" style="display:none;">
    <div class="layui-tab layui-tab-brief" style="margin:0;">
        <ul class="layui-tab-title">
            <li class="layui-this">选择用户</li>
            <li>附件</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div>
                    <div class="form-item layui-col-xs12">
                        <label class="layui-form-label">选择用户</label>
                        <div class="layui-input-block inputselect">
                            <input type="hidden" id="userids" />
                            <input type="text" class="layui-input" id="usernames" readonly title="点击选择" lay-verify="required" />
                            <span id="spanuserselect" class="luckyu-input-button" title="点击选择">---</span>
                        </div>
                    </div>
                    <div class="form-item layui-col-xs12">
                        <label class="layui-form-label">备注</label>
                        <div class="layui-input-block">
                            <textarea id="opinion1" class="layui-textarea" rows="4"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <div>
                    <div class="form-item layui-col-xs12">
                        <div style="padding:10px;">
                            <input id="AnnexName1" name="AnnexName1" multiple type="file" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@section Footer{
    @Html.AppendJs("~/js/workflow/mousewheel.js")
    @Html.AppendJs("~/js/workflow/scroll.js")
    @Html.AppendJs("~/js/workflow/workflow.js")
    @Html.AppendJs("~/Areas/WorkflowModule/Views/Task/Form.js")
}
